@charset "utf-8";
/* CSS Document */

@import "http://at.alicdn.com/t/font_908839_ncah77jssyr.css"; 

*{padding:0;border:0;margin:0;outline:0;}
body {font-family: "GothamBook","HiraginoSansGB-W3","HiraginoSansGB-W6","微软雅黑","Microsoft YaHei",sans-serif; font-size: 14px;margin:0;}
dl,dt,dd,ul,li,ol { display:block;list-style:none;margin:0;border:0;padding:0}
img {display: block}
a { cursor: pointer; color: #000;
transition: all .25s;
-moz-transition: all .25s;
-webkit-transition: all .25s;
-o-transition: all .25s;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
input:-moz-placeholder,textarea:-moz-placeholder {color: #ccc;   }   
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #ccc;}   
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ccc;}  
input[type=text] {}

/*---------------- common screen ----------------*/
/*float*/
.fl { float:left}
.fr { float:right}

/*text-align*/
.ac{text-align:center}
.al{text-align:left}
.ar{text-align:right}

/*margin*/
.m5 {margin: 5px;}
.mt5 {margin-top: 5px;}
.mr5 {margin-right: 5px;}
.ml5 {margin-left: 5px;}
.mb5 {margin-bottom: 5px;}
.m10 {margin: 10px;}
.mt10 {margin-top: 10px;}
.mr10 {margin-right: 10px;}
.ml10 {margin-left: 10px;}
.mb10 {margin-bottom: 10px;}
.m15 {margin: 15px;}
.mt15 {margin-top: 15px;}
.mr15 {margin-right: 15px;}
.ml15 {margin-left: 15px;}
.mb15 {margin-bottom: 15px;}
.m20 {margin: 20px;}
.mt20 {margin-top: 20px;}
.mr20 {margin-right: 20px;}
.ml20 {margin-left: 20px;}
.mb20 {margin-bottom: 20px;}
.m30 {margin: 30px;}
.mt30 {margin-top: 30px;}
.mr30 {margin-right: 30px;}
.ml30 {margin-left: 30px;}
.mb30 {margin-bottom: 30px;}

/*padding*/
.p5 {padding: 5px;}
.pt5 {padding-top: 5px;}
.pr5 {padding-right: 5px;}
.pl5 {padding-left: 5px;}
.pb5 {padding-bottom: 5px;}
.p10 {padding: 10px;}
.pt10 {padding-top: 10px;}
.pr10 {padding-right: 10px;}
.pl10 {padding-left: 10px;}
.pb10 {padding-bottom: 10px;}
.p15 {padding: 15px;}
.pt15 {padding-top: 15px;}
.pr15 {padding-right: 15px;}
.pl15 {padding-left: 15px;}
.pb15 {padding-bottom: 15px;}
.p20 {padding: 20px;}
.pt20 {padding-top: 20px;}
.pr20 {padding-right: 20px;}
.pl20 {padding-left: 20px;}
.pb20 {padding-bottom: 20px;}
.p30 {padding: 30px;}
.pt30 {padding-top: 30px;}
.pr30 {padding-right: 30px;}
.pl30 {padding-left: 30px;}
.pb30 {padding-bottom: 30px;}

/*border*/
.noBorder {border:0}
.bs1 {border:solid 1px #ddd}
.bt1 {border-top:solid 1px #ddd}
.br1 {border-right:solid 1px #ddd}
.bb1 {border-bottom:solid 1px #ddd}
.bl1 {border-left:solid 1px #ddd}
.bbcRed { border-color: red}
.bbcGreen { border-color: #6FBA2C}

/*fontSize*/
.fs000 {font-size:0;}
.fs12 {font-size:12px;}
.fs001 {font-size:0.1rem;}
.fs100 {font-size:1rem;}
.fs120 {font-size:1.2rem;}
.fs125 {font-size:1.25rem;}
.fs175 {font-size:1.75rem;}
.fs200 {font-size:2rem;}
.fs300 {font-size:3rem;}
.fs600 {font-size:6rem;}

/*font-w*/
.fb { font-weight: bolder}

/*font color*/
.fcWhite { color: #fff}
.fcBlack {color: #000}
.fcGray { color: #999}
.fcGray2 { color: #787878}
.fcRed {color: #d20016}
.fcGlod {color:#978158}
.fcGreen {color:#6FBA2C}
.fcOrange {color:#fd783b}
.fcBlue {color:#003894}
.fcBlue {color:#2fa8e1}

/*background color*/
.bcWhite { background-color: #fff}
.bcBlack { background-color: #000}
.bcGray {  background-color: #999}
.bcGray2 { background-color: #787878}
.bcRed { background-color:  #d20016}
.bcGlod { background-color: #978158}
.bcGreen { background-color: #6FBA2C}
.bcOrange { background-color: #fd783b}
.bcBlue { background-color: #003894}
.bcBlue { background-color: #2fa8e1}

/*other*/
.wrapper::after,.cb::after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.EC{display:-moz-box;display:-webkit-box;display:-ms-flexbox;display:box}
.EC .col{-moz-box-flex:1;-webkit-box-flex:1;-ms-flex:1;box-flex:1}
.db { display: block}
.dn { display: none}
.di { display: inline}
.dib { display: inline-block}
.shadow{box-shadow:0 5px 5px rgba(0,0,0,.25);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25)}
.tbrno {white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.gradient {animation: all 0.2s;-moz-animation: all 0.2s;-webkit-animation: all 0.2s;-o-animation: all 0.2s;}
.ohy { overflow-y: hidden}
